/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<    列项面板    >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.ElecOverview-ItemPanel {
  background: #f0f2f5;
  border-radius: 0 0 6px 6px;
  padding: 1vh 0;

  /* ============================== 告警 ============================== */
  &-red {
    background: #fff1ef;

    /* —————————————————————————————— 第一行 —————————————————————————————— */
    > .flexCC:first-child > div {
      color: #ff6a55;
      background: rgba(255, 106, 85, 0.12) !important;
    }
  }

  /* ============================== 第一行 ============================== */
  > .flexCC:first-child {
    height: 60%;
    font-weight: bold;
    text-align: center;

    /* —————————————————————————————— 三相温度 —————————————————————————————— */
    > div {
      width: 25%;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 60%;
      background: var(--White);
      border-radius: 100px;
      white-space: nowrap;

      + div {
        margin-left: 5%;
      }
    }
  }

  /* ============================== 第二行 ============================== */
  > .flexCC:last-child {
    height: 40%;
    font-size: 15px;
    text-align: center;

    /* —————————————————————————————— 容量负载 —————————————————————————————— */
    > div {
      display: flex;
      align-items: center;
      justify-content: center;
      white-space: nowrap;

      + div {
        margin-left: 10%;
      }
    }
  }
}
